<template>
    <viewer
        :images="propsValue.imageList"
        style="height:400px;"
        ref="viewerRef"
    >
        <template v-slot:default="scope">
            <img
                v-for="item in scope.images"
                :key="item[fileOptions.serverUrl || 'fileName']"
                :src="item[fileOptions.serverUrl || 'fileName']"
                class="qilin-wh-100"
                style="object-fit:contain;"
            >
        </template>
    </viewer>
</template>

<script setup>
import {fileIp,fileOptions} from "@/setting.js";


/*
    响应式选项区域
*/
const propsValue = defineProps({
    imageList:Array
});


/*
    数据变量定义区域
*/


/*
    计算属性等代码区域
*/


/*
    逻辑脚本代码区域
*/


/*
    生命周期等代码区域
*/


</script>

<style lang="scss">
// v-viewer图片预览组件弹出层样式
.viewer-container{
    z-index:99999 !important;
}

</style>
